<style>
</style>
<template>
    <ly-page>
        <ly-navi title="提示框"></ly-navi>
        <ly-page-content>

            <el-divider content-position="left">默认</el-divider>
            <ly-tip>
                <p>
                    请在成功打出正式包后填写完整下方资料,然后在对应运维群里找对应客服,客服会使用下方资料帮你将 应用上架 苹果应用市场
                </p>
                <p>
                    下方资料是我们代上架 苹果应用市场 必备资料,请填写完整
                </p>
            </ly-tip>
            <ly-code-view>
                <pre v-pre>
<ly-tip>
    <p>
        请在成功打出正式包后填写完整下方资料,然后在对应运维群里找对应客服,客服会使用下方资料帮你将 应用上架 苹果应用市场
    </p>
    <p>
        下方资料是我们代上架 苹果应用市场 必备资料,请填写完整
    </p>
</ly-tip>
                </pre>
            </ly-code-view>


            <el-divider content-position="left">简约</el-divider>
            <ly-tip plain>
                <p>
                    请在成功打出正式包后填写完整下方资料,然后在对应运维群里找对应客服,客服会使用下方资料帮你将 应用上架 苹果应用市场
                </p>
                <p>
                    下方资料是我们代上架 苹果应用市场 必备资料,请填写完整
                </p>
            </ly-tip>
            <ly-code-view>
                <pre v-pre>
 <ly-tip plain>
    <p>
        请在成功打出正式包后填写完整下方资料,然后在对应运维群里找对应客服,客服会使用下方资料帮你将 应用上架 苹果应用市场
    </p>
    <p>
        下方资料是我们代上架 苹果应用市场 必备资料,请填写完整
    </p>
</ly-tip>
                    </pre>
            </ly-code-view>
            <el-divider content-position="left">带功能按钮</el-divider>
            <ly-tip  >
                <ly-img-info size="medium" src="/static/ly/imgs/test_img.png" title="藤之内" circle>
                    <ly-info label="性别">男</ly-info>
                </ly-img-info>

                <ol>
                    <li>请在成功打出正式包后填写完整下方资料,然后在对应运维群里找对应客服,客服会使用下方资料帮你将 应用上架 苹果应用市场</li>
                    <li>请在成功打出正式包后填写完整下方资料</li>
                    <li>请在成功打出正式包后填写完整下方资料,完整下方资料</li>
                </ol>
                <template v-slot:extra>
                    <el-button size="small" size="small" type="primary">启用</el-button>
                    <el-button size="small" size="small" type="danger">删除</el-button>
                </template>

            </ly-tip>
            <ly-code-view>
                <pre v-pre>
 <ly-tip>
    <ly-img-info size="medium" src="/static/ly/imgs/test_img.png" title="藤之内" circle>
        <ly-info label="性别">男</ly-info>
    </ly-img-info>

    <ol>
        <li>请在成功打出正式包后填写完整下方资料,然后在对应运维群里找对应客服,客服会使用下方资料帮你将 应用上架 苹果应用市场</li>
        <li>请在成功打出正式包后填写完整下方资料</li>
        <li>请在成功打出正式包后填写完整下方资料,完整下方资料</li>
    </ol>
    <templ v-slot:extra>
        <el-button size="small" size="small" type="primary">启用</el-button>
        <el-button size="small" size="small" type="danger">删除</el-button>
    </templ>

</ly-tip>
                    </pre>
            </ly-code-view>
            <el-divider content-position="left">ul 点标识</el-divider>
            <ly-tip>
                <ul>
                    <li>请在成功打出正式包后填写完整下方资料,然后在对应运维群里找对应客服,客服会使用下方资料帮你将 应用上架 苹果应用市场</li>
                    <li>请在成功打出正式包后填写完整下方资料</li>
                    <li>请在成功打出正式包后填写完整下方资料,完整下方资料</li>
                </ul>
            </ly-tip>
            <ly-code-view>
                <pre v-pre>
<ly-tip>
    <ul>
        <li>请在成功打出正式包后填写完整下方资料,然后在对应运维群里找对应客服,客服会使用下方资料帮你将 应用上架 苹果应用市场</li>
        <li>请在成功打出正式包后填写完整下方资料</li>
        <li>请在成功打出正式包后填写完整下方资料,完整下方资料</li>
    </ul>
</ly-tip>
                    </pre>
            </ly-code-view>
            <el-divider content-position="left">ol 数字标识</el-divider>
            <ly-tip>
                <ol>
                    <li>请在成功打出正式包后填写完整下方资料,然后在对应运维群里找对应客服,客服会使用下方资料帮你将 应用上架 苹果应用市场</li>
                    <li>请在成功打出正式包后填写完整下方资料</li>
                    <li>请在成功打出正式包后填写完整下方资料,完整下方资料</li>
                </ol>
            </ly-tip>
            <ly-code-view>
                <pre v-pre>
<ly-tip>
    <ol>
        <li>请在成功打出正式包后填写完整下方资料,然后在对应运维群里找对应客服,客服会使用下方资料帮你将 应用上架 苹果应用市场</li>
        <li>请在成功打出正式包后填写完整下方资料</li>
        <li>请在成功打出正式包后填写完整下方资料,完整下方资料</li>
    </ol>
</ly-tip>
                    </pre>
            </ly-code-view>
            <el-divider content-position="left">标题</el-divider>
            <ly-tip>
                <h4>标题标题标题</h4>
                <ol>
                    <li>请在成功打出正式包后填写完整下方资料,然后在对应运维群里找对应客服,客服会使用下方资料帮你将 应用上架 苹果应用市场</li>
                    <li>请在成功打出正式包后填写完整下方资料</li>
                    <li>请在成功打出正式包后填写完整下方资料,完整下方资料</li>
                </ol>
            </ly-tip>
            <ly-code-view>
                <pre v-pre>
<ly-tip>
    <h4>标题标题标题</h4>
    <ol>
        <li>请在成功打出正式包后填写完整下方资料,然后在对应运维群里找对应客服,客服会使用下方资料帮你将 应用上架 苹果应用市场</li>
        <li>请在成功打出正式包后填写完整下方资料</li>
        <li>请在成功打出正式包后填写完整下方资料,完整下方资料</li>
    </ol>
</ly-tip>
                    </pre>
            </ly-code-view>
            <hr/>

            <el-divider content-position="left">一般提醒</el-divider>
            <ly-tip type="success">
                <p>
                    请在成功打出正式包后填写完整下方资料,然后在对应运维群里找对应客服,客服会使用下方资料帮你将 应用上架 苹果应用市场
                </p>
                <p>
                    下方资料是我们代上架 苹果应用市场 必备资料,请填写完整
                </p>
            </ly-tip>
            <ly-code-view>
                <pre v-pre>
<ly-tip type="success">
    <p>
        请在成功打出正式包后填写完整下方资料,然后在对应运维群里找对应客服,客服会使用下方资料帮你将 应用上架 苹果应用市场
    </p>
    <p>
        下方资料是我们代上架 苹果应用市场 必备资料,请填写完整
    </p>
</ly-tip>
                    </pre>
            </ly-code-view>
            <el-divider content-position="left">重点提醒</el-divider>
            <ly-tip type="warning">
                <p>
                    请在成功打出正式包后填写完整下方资料,然后在对应运维群里找对应客服,客服会使用下方资料帮你将 应用上架 苹果应用市场
                </p>
                <p>
                    下方资料是我们代上架 苹果应用市场 必备资料,请填写完整
                </p>
            </ly-tip>
            <ly-code-view>
                <pre v-pre>
<ly-tip type="warning">
    <p>
        请在成功打出正式包后填写完整下方资料,然后在对应运维群里找对应客服,客服会使用下方资料帮你将 应用上架 苹果应用市场
    </p>
    <p>
        下方资料是我们代上架 苹果应用市场 必备资料,请填写完整
    </p>
</ly-tip>
                    </pre>
            </ly-code-view>
            <el-divider content-position="left">一般提醒(border)</el-divider>
            <ly-tip type="success" border>
                <p>
                    请在成功打出正式包后填写完整下方资料,然后在对应运维群里找对应客服,客服会使用下方资料帮你将 应用上架 苹果应用市场
                </p>
                <p>
                    下方资料是我们代上架 苹果应用市场 必备资料,请填写完整
                </p>
            </ly-tip>
            <ly-code-view>
                <pre v-pre>
<ly-tip type="success" border>
    <p>
        请在成功打出正式包后填写完整下方资料,然后在对应运维群里找对应客服,客服会使用下方资料帮你将 应用上架 苹果应用市场
    </p>
    <p>
        下方资料是我们代上架 苹果应用市场 必备资料,请填写完整
    </p>
</ly-tip>
                    </pre>
            </ly-code-view>


            <el-divider content-position="left">重点提醒(border)</el-divider>
            <ly-tip type="warning" border>
                <p>
                    请在成功打出正式包后填写完整下方资料,然后在对应运维群里找对应客服,客服会使用下方资料帮你将 应用上架 苹果应用市场
                </p>
                <p>
                    下方资料是我们代上架 苹果应用市场 必备资料,请填写完整
                </p>
            </ly-tip>
            <ly-code-view>
                <pre v-pre>
 <ly-tip type="warning" border>
    <p>
        请在成功打出正式包后填写完整下方资料,然后在对应运维群里找对应客服,客服会使用下方资料帮你将 应用上架 苹果应用市场
    </p>
    <p>
        下方资料是我们代上架 苹果应用市场 必备资料,请填写完整
    </p>
</ly-tip>
                    </pre>
            </ly-code-view>
            <ly-markdown>
              <pre v-pre>
## `ly-tip`

#### Attributes

| 属性名  |说明   | 类型|可选值|默认值|
| ------------ | ------------ |------------ |------------ |------------ |
|  plain | 简约类型,不带背景	  |boolean |—	|false|
|  type | 类型	  |string |空,success,warning	|空	|
|  border | 包含左侧深色线	  |boolean |—	|false	|

                  </pre>
            </ly-markdown>
        </ly-page-content>

    </ly-page>
</template>
<script>
    Rap.define("", [], function () {
        return {
            data: function () {
                return {
                    count: 1235

                }
            },
            mounted: function () {
//
            },
            methods: {}
        }
    })
</script>